<!DOCTYPE html>

<html>
    <head>
        <title>Cadastrar Legendas</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/bootstrap-responsive.css" rel="stylesheet">
  	<link href="css/stilo.css" rel="stylesheet">
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <![endif]-->
    </head>
    <body>
       <div class="container">
           <?php include "topo.html"; ?>
           <?php include "menu.php"; ?>
           
           <!------------------------------------------Inicio do Conteudo------------------------------------->
		<section>
			<div id="conteudo">
				<div class="row-fluid">
					<div class="span12">
						<div class="titulo">
                                                    <p><b>Cadastrar Legendas</b></p>
						</div>
						<div class="bordas">
                                                    <div>
                                                        <form class="form-horizontal" method="POST" action="index.php?pg=InserirLegenda">
                                                            <fieldset>

                                                             <!-- Text input-->
                                                             <div class="control-group">
                                                                 <label class="control-label" for="abreviacao">Abreviação</label>
                                                                 <div class="controls">
                                                                   <input id="abreviacao" name="abreviacao" placeholder="" class="input-small" type="text">

                                                                 </div>
                                                              </div>

                                                             <!-- Text input-->
                                                             <div class="control-group">
                                                                 <label class="control-label" for="descricao">Descrição da Legenda</label>
                                                                 <div class="controls">
                                                                   <input id="descricao" name="descricao" placeholder="" class="input-xlarge" type="text">

                                                                 </div>
                                                             </div>

                                                             <!-- Button -->
                                                             <div class="control-group">
                                                                 <label class="control-label" for="legenda"></label>
                                                                 <div class="controls">
                                                                     <button id="legenda" name="legenda" class="btn btn-primary">Salvar</button>
                                                                  </div>
                                                             </div>

                                                            </fieldset>
                                                        </form>
                                                        <div class="row-fluid">                                                      
														<div class="span12 table-responsive">
                                                        <table class="table">
                                                            <tr>
                                                                <th>Legenda</th>
                                                                <th>Descrição</th>
                                                                <th>Editar</th>
                                                                <th>Excluir</th>
                                                            </tr>
                                                            <?php foreach ($con as $c) { 
                                                            echo'
                                                            <tr>
                                                                <td>'.$c->leg_abreviada.'</td>
                                                                <td>'.$c->leg_descricao.'</td>
                                                                <td><a href="index.php?pg=EditarLegenda&id='.$c->id.'" class="btn btn-inverse" >Editar</a></td>
                                                                <td><a href="index.php?pg=ConfirmarExcluirLegenda&id='.$c->id.'" class="btn btn-danger" >Excluir</a></td>
                                                            </tr>';
                                                            } 
                                                            ?>
                                                        </table>
														</div>
														</div>

                                                    </div>
						</div>
					</div>	
				</div>
			</div> <!-- Fim da linha conteudo -->
		</section><!-- ----------------------------------------fim do Conteudo----------------------------------- -->

           
           <?php include "rodape.html"; ?>
           
           
       </div><!-- fim da div container -->    
        
        
    <!-- Arquivos Javascripts ================================================== -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    </body>
</html>
